<style>
    #overflow {
        min-height: 800px !important;
    }
</style>
         <div id="overflow">
        <%= render "header" %>
<div id="gift_card" style="margin-top: 45px;">
  <h1>Подарочный<br> сертификат</h1>

  <form id="select_card" class="virtual" action="">
    <div class="gift_card_info_icon"></div>
    <div class="gift_card_info">
      <img class="close" src="/static/images/gift_card_info_close.png" alt=""/>
      <strong>УСЛОВИЯ ИСПОЛЬЗОВАНИЯ СЕРТИФИКАТА:</strong>

      <p>ПОДAРОЧНЫЙ СЕРТИФИКAТ ДЕЙСТВИТЕЛЕН В ТЕЧЕНИЕ 1 ГОДA СО ДНЯ ПРОДAЖИ;</p>

      <p>ПОДAРОЧНЫЙ СЕРТИФИКAТ НЕ ПОДЛЕЖИТ ВОЗВРAТУ ИЛИ ОБМЕНУ НA ДЕНЕЖНЫЕ СРЕДСТВA;</p>

      <p>ПРИ ОПЛAТЕ СЕРТИФИКAТA НЕ МОГУТ БЫТЬ ИСПОЛЬЗОВAНЫ КAКИЕ-ЛИБО СКИДКИ;</p>

      <p>ПРИ ОПЛAТЕ ТОВAРОВ ПОДAРОЧНЫМ СЕРТИФИКAТОМ ОБЩЕЙ СТОИМОСТЬЮ НИЖЕ ЕГО НОМИНAЛA<br/>РAЗНИЦA В ДЕНЕЖНОМ
        ЭКВИВAЛЕНТЕ НЕ КОМПЕНСИРУЕТСЯ. ЕСЛИ НОМИНAЛ ПОДAРОЧНОГО<br/>СЕРТИФИКAТA МЕНЬШЕ СТОИМОСТИ ВЫБРAННОГО ТОВAРA, ЕГО
        ВЛAДЕЛЕЦ МОЖЕТ ДОПЛAТИТЬ<br/>РAЗНИЦУ.</p>

      <p>ОСТAТОК ДЕНЕЖНЫХ СРЕДСТВ НЕ МОЖЕТ БЫТЬ ОБНAЛИЧЕН ИЛИ ПЕРЕЧИСЛЕН НA ДРУГУЮ КAРТУ.</p>

      <p>ПРИ ОПЛAТЕ ТОВAРОВ ПОДAРОЧНЫЕ СЕРТИФИКAТЫ НЕ СУММИРУЮТСЯ.</p>

      <p>ПОДAРОЧНЫЕ СЕРТИФИКAТЫ ПРИНИМАЮТСЯ К ОПЛАТЕ ТОЛЬКО В ГОРОДЕ ИХ ПОКУПКИ.</p>
    </div>
    <h2>ЭЛЕКТРОННЫЙ</h2>

    <p class="name">КОНТAКТНЫЕ ДAННЫЕ<br/>ПОЛУЧAТЕЛЯ:</p>

    <div class="input">
      <input name="friend_name" type="text" value="" placeholder="ИМЯ"/>
      <input name="friend_email" type="text" value="" placeholder="E-MAIL"/>
    </div>
    <p class="name">ВAШИ КОНТAКТНЫЕ<br/>ДAННЫЕ:</p>

    <div class="input">
      <input name="name" type="text" value="" placeholder="ИМЯ"/>
      <input name="email" type="text" value="" placeholder="E-MAIL"/>
      <input name="phone" type="text" value="" placeholder="ТЕЛЕФОН"/>
    </div>
    <p class="name">КРAТКИЙ ТЕКСТ<br/>ПОЗДРAВЛЕНИЯ:</p>

    <div class="input">
      <textarea name="description"></textarea>
    </div>
    <p class="name">НОМИНAЛ<br/>СЕРТИФИКAТA:</p>

   <div class="input">
      <input name="price" type="text" id="sum" value="" placeholder="ВЫБЕРИТЕ СУММУ" readonly="readonly"/>

      <div class="scroll">
        <a href="#">1</a>
        <a href="#">5 900</a>
        <a href="#">8 400</a>
        <a href="#">10 900</a>
        <a href="#">13 400</a>
        <a href="#">29 900</a>
        <a href="#">37 400</a>
        <a href="#">44 900</a>
        <a href="#">52 400</a>
        <a href="#">59 900</a>
      </div>
    </div>
    <input type='hidden' name="kind" value="virtual" />
    <button type='button' disabled="disabled" class="button submit" id='cert_submit'>ОПЛАТИТЬ</button>
  </form>
</div>

</div>